<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%><%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<tiles:insertDefinition name="layout">
	<tiles:putAttribute name="head">
		<script type="text/javascript">
	    $(function() {
		var isDebug = true;
		$.get("studentCountByMonth", function(self, result, request) {
		    var chart = new FusionCharts("../client-resources/charts/Line.swf", "lessonCountColumn", 500, 400, isDebug, "0");
		    chart.addParam("wmode", "Opaque");
		    var xml = request.responseText;
		    xml = xml.replace(/"/g, "'");
		    chart.setDataXML(xml);
		    var ele = $("#chart2").get(0);
		    chart.render(ele);
		});

		$.get("studentLeavingByMonth", function(self, result, request) {
		    var chart = new FusionCharts("../client-resources/charts/Pie3D.swf", "lessonCountColumn", 500, 400, isDebug, "0");
		    chart.addParam("wmode", "Opaque");
		    var xml = request.responseText;
		    xml = xml.replace(/"/g, "'");
		    chart.setDataXML(xml);
		    var ele = $("#chart1").get(0);
		    chart.render(ele);
		});
	    });
	</script>
	</tiles:putAttribute>
	<tiles:putAttribute name="mainBody">
		<ul class="breadcrumb">
			<li><a href="#">在校学员月度变化统计</a> <span class="divider">/</span></li>
			<li class="active">2012年度(<a href="#">其他年度</a>)
			</li>
		</ul>
		<div class="row-fluid">
			<div class="span6">
				<div id="chart2"></div>
			</div>
			<div class="span6">
				<div id="chart1"></div>
			</div>
		</div>
	</tiles:putAttribute>
</tiles:insertDefinition>